Adwaita: Ensure button.circular is a perfect circle
authornana-4 <hnmaigo@gmail.com>
Fri, 28 Aug 2020 12:56:30 +0000 (21:56 +0900)
committerJakub Steiner <jimmac@gmail.com>
Mon, 31 Aug 2020 09:24:46 +0000 (11:24 +0200)
It seems the commit 9d60047616661dc073ca6310193c2e18a3aaa59c had no
effect, even on image buttons.

gtk/theme/Adwaita/_common.scss

index 7543fa754bbc45fbd92f15f34048bc423c21faea..3e1b33802a974d8dae6fcdcf728fcdc1984bfa3e 100644 (file)
@@ -548,11 +548,6 @@ button {
       min-width: 24px;
       padding-left: 5px;
       padding-right: 5px;
-
-      &.circular {
-         min-height: 24px;
-         padding: 4px;
-      }
     }
 
     &.text-button {
@@ -770,7 +765,10 @@ button {
 
   .linked.vertical > & { @extend %linked_vertical; }
 
-  &.circular { // The Bloody Circul Button
+  &.circular { // force circular button shape
+    min-width: 32px;
+    min-height: 32px;
+    padding: 0;
     border-radius: 9999px;
 
     label { padding: 0; }